/**
 
 env()和constant()函数有个必要的使用前提，当网页设置viewport-fit=cover的时候才生效，
 根据微信小程序的表现和我在实际真机测试时这两个函数生效，推测小程序里的viewport-fit默认是cover。
 env()和constant()需要同时存在，而且顺序不能换。 constant 在 env 之前；
 
 获取上安全距离： env(safe-area-inset-top)；
 获取左安全距离：env(safe-area-inset-left)；
 获取右安全距离：env(safe-area-inset-right)；
 获取下安全距离：env(safe-area-inset-bottom)；
 获取状态栏高度：var(–status-bar-height)；
 内容区域距离顶部的距离：var(–window-top);
 内容区域距离底部的距离：var(–window-bottom);
 */

/* 页面背景 */
[class^="custom"] {
	/* 设备安全区域 */
	--safe-area-inset-top: 0px;
	--safe-area-inset-right: 0px;
	--safe-area-inset-bottom: 0px;
	--safe-area-inset-left: 0px;
	/*color*/ 
	/* rgb(47,212,103); */
	--theme-color-r: 47;
	--theme-color-g: 212;
	--theme-color-b: 103;
	--theme-color: rgb(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b));
	--uni-custom-page-bg:#fff;
	--color--1:#235d3a;
	--color--2:#397d54;
	--color--3:#73c088;
	--color--4:#a8e0b7;
	--color--5:#c8ead1;
}

@supports (top: constant(safe-area-inset-top)) {
	[class^="custom"] {
		//兼容 IOS<11.2
		--safe-area-inset-top: constant(safe-area-inset-top);
		--safe-area-inset-right: constant(safe-area-inset-right);
		--safe-area-inset-bottom: constant(safe-area-inset-bottom);
		--safe-area-inset-left: constant(safe-area-inset-left);
	}

}

@supports (top: env(safe-area-inset-top)) {
	[class^="custom"] {
		//兼容 IOS>11.2
		--safe-area-inset-top: env(safe-area-inset-top);
		--safe-area-inset-right: env(safe-area-inset-right);
		--safe-area-inset-bottom: env(safe-area-inset-bottom);
		--safe-area-inset-left: env(safe-area-inset-left);
	}
}

/* //自定义页面 */
.custom-page {
	min-height: 100vh;
	width: 100vw;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	color: var(--color);
	font-size: 30rpx;

}



.custom-page-defalut {
	min-height: 100vh;
	width: 100vw;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	color: var(--color);
	padding-bottom: calc(var(--safe-area-inset-bottom) + 30rpx);
	font-size: 30rpx;
}

.iconfontview{
	display:inline-block;
	vertical-align:middle;
}

.custom-warp {
	word-wrap: break-word;
	word-break: break-all;
}

.page_content{
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: transparent;
}